<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> (。・∀・)ノ~&nbsp;&nbsp;&nbsp;&nbsp;王秋瑾</title>
    <link rel="stylesheet" href="../cssClass/index.css">
    <link rel="stylesheet" href="../cssClass/article.css">
    <link rel="stylesheet" href="../cssClass/titleBarCss.css">
</head>
<body>
    <div style="position:fixed;width: 100%;
    height: 50px;bottom: 50px;padding: 20px;">
        <audio src="../electronicBook/GoNotGently.mp3" controls="controls"></audio>
    </div>
    <main>
        <!-- 头部背景+头像+登录+注册 -->
        <div class="main_div">
            <div class="main_title">
                <span class="main_title_span">王大头</span>
            </div>
            <div class="button-container">
                <button class="login-button" onclick="jumpToFn('login')">登录</button>
                <!-- <button class="register-button" onclick="jumpToFn('register')">注册</button> -->
            </div>
        </div>
        <!-- 头部table -->
        <div class="title-bar">
            <div class="title-bar-container">
                <h1 class="title-bar-title">My Website</h1>
                <nav class="title-bar-nav">
                    <ul class="titlebar">
                        <li id="title_bar1"><a href="#content1" class="nav-link">Home</a></li>
                        <li id="title_bar2"><a href="#content2" class="nav-link">article</a></li>
                        <li onclick="jumpToFn('about')">关于我们</li>
                        <li onclick="jumpToFn('novel')">最新文章</li>
                        <li onclick="jumpToFn('message')">给我留言</li>
                    </ul>
                </nav>
            </div>
        </div>
        <div id="content-wrapper">
            <div id="content1" class="content">
                <h2>首页</h2>
                <div class="content1_home">
                    <p>个人简介</p>
                    <p>姓名:XXX</p>
                    <p>年龄:20</p>
                    <p>爱好:打篮球座右铭:在最好的年纪遇到你</p>
                </div>
                <div class="content1_div">
                    <h2 style="margin-bottom: 10px;">摄影作品</h2>
                    <ul id="content_image">
                    </ul>
                    <div style="width: 100%;">
                        <span style="
                        text-align: center;
                        margin: auto;
                        display: block;
                        font-size: 1rem;
                        "><a href="./works.html">查看更多 ></a></span>
                    </div>
                    </p>
                </div>
                
            </div>
            <div id="content2" class="content hidden">
                <h2>优美短文</h2>
                <div id="content-container">

                </div>
            </div>
    </main>
    <footer>
        <div class="centre">
            <p class="typeing">Whatever your past has been, you have a spotless future🚀.</p>
        </div>
    </footer>
</body>

</html>
<script src="../jsStyle/index.js"></script>
<script src="../jsStyle/me.js"></script>